.page-stats-per-package
{
    .stats-table-control {
        margin-top: 40px;
    }

    .stats-table-footer {
        border: none;

        td {
            border: none;
        }

        tr {
            border: none;
        }
    }

    #hidden-rows {
        border-top: none;
    }

    .loader {
        margin: 0 auto;
        border: 16px solid #f3f3f3; /* Light grey */
        border-top: 16px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 120px;
        height: 120px;
        animation: spin 2s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    #loading-placeholder {
        display: none;
    }

    #stats-graph-svg {
        .axis {
            path {
                display: none;
            }
        }

        .long {
            text {
                font-size: .8em;
            }
        }

        .bar {
            fill: steelblue;
        }

        .bar:hover {
            fill: orange;
        }

        .bartext {
            font-size: 1em;
        }

        body {
            background-color: transparent;
        }

        p {
            margin-bottom: none;
        }
    }
}